<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <link th:href="@{/layui/css/style.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/layui/css/reset.css}" rel="stylesheet" type="text/css">
</head>
<body>
<div id="particles-js">
    <div class="login">
        <div class="regist-top">
            注册
        </div>
        <form action="/user/regist" method="post">
            <div class="login-center clearfix">
                <div class="login-center-img"><img th:src="@{/layui/img/name.png}" /></div>
                <div class="login-center-input">
                    <input type="text" name="username" placeholder="请输入您的用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'" />
                    <div class="login-center-input-text">用户名</div>
                </div>
            </div>
            <div class="login-center clearfix">
                <div class="login-center-img"><img th:src="@{/layui/img/password.png}"/></div>
                <div class="login-center-input">
                    <input type="password" name="passwd" value="" placeholder="请输入您的密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的密码'" />
                    <div class="login-center-input-text">密码</div>
                </div>
            </div>
            <div class="login-center clearfix">
                <div class="login-center-img"><img th:src="@{/layui/img/password.png}"/></div>
                <div class="login-center-input">
                    <input type="phone" name="phone" value="" placeholder="请输入您的手机号" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的手机号'" />
                    <div class="login-center-input-text">手机号</div>
                </div>
            </div>
            <div class="login-center clearfix">
                <div class="login-center-img"><img th:src="@{/layui/img/password.png}"/></div>
                <div class="login-center-input">
                    <input type="text" name="age" value="" placeholder="请输入您的年龄" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的年龄'" />
                    <div class="login-center-input-text">年龄</div>
                </div>
            </div>
            <button class="login-button" type="submit" style="display:block;border:none;width: 200px;margin: 18px auto">
                注册
            </button>
            <!--@thymesVar id="msg" type="String"-->
            <p style="color: red;text-align: center;font-size: 16px;margin: -12px auto" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
        </form>
    </div>
    <div class="sk-rotating-plane"></div>
</div>

</body>
</html>